
// 在vite 构建的项目中如何使用pinia做数据状态管理
import { ref } from 'vue'
// 导入定义数据模块的函数
import { defineStore } from 'pinia'
// 定义数据模块(模块名称 、 ID)
export const useMenuStore = defineStore('menu', () => {
  // 定义菜单数组
  let menus = ref([
    {
      index: "1",
      text: '首页',
      name: '首页',
      icon: 'location',
      path:'/',
      id: "1",
      childs: [
        {
          title: "",
          arr: [
            {
              name: '发布轮播图',
              index: '1-1',
              id: '1-1',
              path: '/banner_add',
            },
            {
              name: '轮播图列表',
              index: '1-2',
              id: '1-2',
              path: '/banner_list',
            }
          ]
        },
      ]
    },
    {
      index: "2",
      id: "2",
      text: "音乐管理",
      name: "音乐管理",
      icon: 'menu',
      childs: [
        {
          title: "",
          arr: [
            {
              name: '歌曲分类管理',
              index: '2-1',
              id: '2-1',
              path: '/song_category',
            },
            {
              name: '歌手信息管理',
              index: '2-2',
              id: '2-2',
              path: '/singer',
            }
            ,
            {
              name: '歌曲管理',
              index: '2-3',
              id: '2-3',
              path: '/song',
            }
            ,
            {
              name: '专辑管理',
              index: '2-4',
              id: '2-4',
              path: '/album',
            }
            ,
            {
              name: '歌单管理',
              index: '2-5',
              id: '2-5',
              path: '/play_list',
            }
          ]
        },
      ]
    },

    {
      index: "3",
      id: "3",
      text: "用户管理",
      name: "用户管理",
      icon: 'document',
      path: '/user_list',
    },
    {
      index: "4",
      id: "4",
      text: "系统设置",
      name: "系统设置",
      icon: 'setting',
      path: '/setting',
    },
    
  ])
  // 把数据和方法暴露出去（在vue组件中就可以使用的意思）
  return {
    menus
  }
})
